<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>About using an Interactive Stacked Graph widget as a selector</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
p.whs1 { margin-left:40px; }
img_whs2 { border:none; width:614px; height:528px; float:none; border-style:none; }
h3.whs3 { background-color:Transparent; color:#000000; }
ul.whs4 { list-style:disc; }
p.whs5 { font-size:9pt; margin-top:6px; margin-bottom:6px; font-weight:normal; }
p.whs6 { margin-top:6px; margin-bottom:6px; margin-left:40px; }
ol.whs7 { list-style:decimal; }
p.whs8 { margin-left:0in; margin-right:0in; margin-top:6pt; margin-bottom:6pt; }
p.whs9 { font-size:9pt; margin-top:6px; margin-bottom:6px; font-weight:bold; }
-->
</style><script type="text/javascript" language="JavaScript">
<!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
{
  var strNSS = "<style type='text/css'>";
  strNSS += "h3.whs3 {background-color:white; }";
  strNSS += "p.whs8 {margin-left:1pt;margin-right:1pt; }";
  strNSS +="</style>";
  document.write(strNSS);
}
//-->
</script>
<script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nViewing data related to a widget: About using widgets as selectors\nAbout using an Interactive Stacked Graph widget as a selector");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>About using an Interactive Stacked Graph widget as a selector</h1>
<p>Report objects in an Interactive Stacked Graph widget can be defined 
 as selectors, as described in 
<a href="Widget_as_selector.htm">Viewing 
 data related to a widget: Using a widget as a selector</a>. In Flash Mode 
 in MicroStrategy Web, users can interact with the widget to control targeted 
 Grid/Graphs and panel stacks in the document. For more information on 
 Interactive Stacked Graph widgets, see 
<a href="Stacked_Graph_widget.htm">Creating 
 an Interactive Stacked Graph widget</a>. </p>
<p>The following parts of an Interactive Stacked Graph widget can be used 
 as selectors to display data in Grid/Graphs and panel stacks in the document:</p>
<ul>
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>The attribute 
 elements in the legend on the left can be used as selectors if one or 
 more of the attributes on the columns of the Grid/Graph that contains 
 the widget are enabled as selectors. A user can choose only one attribute 
 element to update the target panel stacks and Grid/Graphs. </p></li>
</ul>
<p class="whs1"><span style="font-weight: bold;"><B>Note</B></span>: 
 If more than one element is chosen, only data related to the last element 
 selected is displayed in the target panel stacks and Grid/Graphs.</p>
<ul>
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>The area graphs 
 can be used as selectors if the attribute used to generate the graph series 
 is enabled as a selector. A user can select only one graph at a time.</p></li>
</ul>
<p>For example, the Region attribute in an Interactive Stacked Area widget 
 is enabled as a selector. When a user selects a region from the widget, 
 the target grid is updated with data related to that region. </p>
<p><img src="images/stackedarea_selector_dcg.gif" x-maintain-ratio="TRUE" width="614px" height="528px" border="0" class="img_whs2"></p>
<p>To use a widget as a selector, you first choose the target Grid/Graph 
 and/or panel stack in Desktop. You can also do this in Design Mode or 
 Editable Mode in MicroStrategy Web. For an Interactive Stacked Graph widget, 
 you must then switch to Flash Mode in MicroStrategy Web to determine which 
 part of the widget is enabled as a selector. In Flash Mode, you can also 
 ensure that target Grid/Graphs and panel stacks are updated when a user 
 hovers over the graph or legend, instead of clicking it. For details and 
 procedures, see 
<a href="Widget_as_selector.htm">Viewing data related 
 to a widget: Using a widget as a selector</a>.</p>
<h3 class="whs3">
<a name="to use the widget as a selector" 
 style="background-color: Transparent;"><span style="color: #000000;"><font color=black >To 
 use the widget as a selector</font></span></a></h3>
<p>In Flash Mode, you can interact with the widget to control targeted 
 Grid/Graphs and panel stacks in the document. </p>
<p>The following parts of an Interactive Stacked Graph widget can be used 
 as selectors to display data in Grid/Graphs and panel stacks in the document:</p>
<ul type="disc" class="whs4">
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>The attribute 
 elements in the legend on the left can be used as selectors if one or 
 more of the attributes on the columns of the Grid/Graph that contains 
 the widget are enabled as selectors. A user can choose only one attribute 
 element to update the target panel stacks and Grid/Graphs. </p></li>
	
<li class=p-TopicTextBulleted2><p class=TopicTextBulleted2>If more 
 than one element is chosen, only data related to the last element selected 
 is displayed in the target panel stacks and Grid/Graphs.</p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>The area graphs 
 can be used as selectors if the attribute used to generate the graph series 
 is enabled as a selector. A user can select only one graph at a time.</p></li>
</ul>
<p>For example, the Region attribute, as shown in the image above, in an 
 Interactive Stacked Area widget is enabled as a selector. When you select 
 a region from the widget, the target grid is updated with data related 
 to that region. </p>
<ol start=1>
<li style=" font-size: 9pt; font-weight: normal; " class=p><p class="whs5">In 
 <span style="font-weight: bold;"><B>Design</B></span> or <span style="font-weight: bold;"><B>Editable 
 Mode</B></span>, do one of the following:</p></li>
</ol>
<ul start=11><ul type="disc" class="whs4">
		
<li class=p><p class="whs5">Right-click 
 the attribute, custom group, or consolidation in the Grid/Graph to use 
 as the selector, and choose <span style="font-weight: bold;"><B>Edit Selector</B></span>. 
 The Configure Selector dialog box opens. </p></li>
		
<li class=p><p class="whs5">Right-click 
 the Metrics column in the Grid/Graph, and choose <span style="font-weight: bold;"><B>Edit 
 Selector</B></span>. The Configure Selector dialog box opens.</p></li>
	</ul>
</ul>
<ol start=2>
<li style=" font-size: 9pt; font-weight: normal; " class=p><p class="whs5">Select 
 the target Grid/Graph or panel stack in the list of available targets 
 on the left. Click<span style="font-weight: bold;"><B> &gt;</B></span> to add 
 it to the list of selected targets on the right. You can select multiple 
 targets.</p></li>
</ol>
<p class="whs6">The 
 attribute, custom group, or consolidation you selected in the Grid/Graph 
 is the source, and the selected Grid/Graph is the target. The Action Type 
 of the selector is set to Select Element. </p>
<ol start="3" type="1" class="whs7">
	
<li class=p><p class="whs8">To 
 ensure that the user can select all or more than one element in the widget, 
 select the <span style="font-weight: bold;"><B>Show option for All</B></span> 
 check box. The values of the selected attribute are displayed in the target 
 grid or the target widget.</p></li>
	
<li class=p><p class="whs8">To 
 ensure that the metric totals are displayed in the target grid or target 
 widget, select the <span style="font-weight: bold;"><B>Show option for total</B></span> 
 check box. </p></li>
	
<li class=p><p class="whs8">To 
 view updated values of the selected attribute when data is not available, 
 select the <span style="font-weight: bold;"><B>Automatically update when 
 there is no data for the current selection</B></span> check box.</p></li>
	
<li style=" font-size: 9pt; font-weight: normal; " class=p><p class="whs5">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to apply the changes and return 
 to the document.</p></li>
</ol>
<p class="whs5">&nbsp;</p>
<p class="whs9">Related 
 topics</p>
<ul type="disc" class="whs4">
	
<li class=p><p class="whs5">
<a 
 href="Format_Stacked.htm">Formatting an Interactive Stacked Graph widget</a></p></li>
</ul>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
